<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/active.js" type="text/javascript"></script>
</head>

<body>
    <header>
        <!-- top leader start-->
        <div class="top_contact">
            <div class="top_contain">
                <div class="top_contain_left">
                    <ul id="select_down_contain" class="select_down_contain" style="opacity: 0;">
                        <li><a href="#">Bengali</a></li>
                        <li><a href="#">Aribic</a></li>
                        <li><a href="#">Dansk</a></li>
                    </ul>
                    <div class="select_language" onclick="select_down()" onmouseover="select_over()" onmouseout="select_out()">
                        <span class="icofont">English</span>
                        <span><img id="down" src="images/down.png" style="padding-left: 8px"></span>
                    </div>
                    <div class="select_down"></div>
                    <a class="top_tsp" onmouseover="phone_over()" onmouseout="phone_out()"><img id="phone" src="images/phone.png">+22 666-888-999</a>
                </div>
                <div class="top_contain_right">
                    <div class="top_icon">
                        <img id="F" src="images/f.png" style="height: 18px;" onmouseover="f_over()" onmouseout="f_out()">
                        <img id="S" src="images/S.png" style="height: 14px;" onmouseover="s_over()" onmouseout="s_out()">
                        <img id="G" src="images/g.png" style="height: 19px;" onmouseover="g_over()" onmouseout="g_out()">
                    </div>
                </div>
            </div>
        </div>
        <!-- top leader end-->
        <!-- top buttom star-->
        <div class="top_buttom">
            <div class="top_buttom_contain">
                <div class="top_buttom_logo">
                    <a href="#"><img src="images/logo.png" style="width: 86px;height: 56px;"></a>
                </div>
                <div class="top_buttom_leader">
                    <ul class="leader_contain">
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="about.html">ABOUT</a></li>
                        <li><a href="hosting.html">HOSTING</a></li>
                        <li><a href="domain.html">DOMAIN</a></li>
                        <li><a href="service.html">SERVICE</a></li>
                        <li><a href="#">BLOG</a></li>
                        <li><a href="contact.html">CONTACT</a></li>
                    </ul>
                </div>
                <div class="top_buttom_client">
                    <div class="client_label" onclick="login_down()">
                        <div class="frame">
                            <a><img src="images/head.png" style="width: 15px;height: 15px;padding: 0 5px;">Client Area</a>
                            <div class="frame_full"></div>
                        </div>
                    </div>
                    <div id="client_contain" style="opacity: 0;">
                        <form action="#" class="form_contain">
                            <div class="form_arrow"></div>
                            <input id="input_email" type="text" name="Email" placeholder="Email here">
                            <input id="input_psd" type="text" name="password" placeholder="password">
                            <input id="form_login" type="button" value="Login">
                            <p>or <a id="rgt">registration</a></p>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- top buttom end-->
    </header>
    <footer>
        <div class="footer_top">
            <div class="container">
                <div class="container_con">
                    <div class="footer_top_left">
                        <div class="footer_top_left_con">
                            <a href="#"><img class="con_img" src="images/footer_logo.png" style="display: inline-block;"></a>
                            <p>Duis autem vel eum iriure dolores in hendrerit in vulputate velit esse autem vel eum iriure dolore.</p>
                        </div>
                    </div>
                    <div class="footer_top_sec">
                        <div class="footer_top_sec_con">
                            <h3>HOSTING SERVICES</h3>
                            <ul class="sec_con_ul">
                                <li>Web Hosting</li>
                                <li>cloud Hosting</li>
                                <li>Shared Hosting</li>
                                <li>Reseller Hosting</li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer_top_thr">
                        <div class="footer_top_thr_con">
                            <h3 style="color: white;font-family: Arimo;">DOMAIN NAMES</h3>
                            <ul class="thr_con_ul">
                                <li>Transfer Your Domain</li>
                                <li>Domain Marketplace</li>
                                <li>Buy a Domain</li>
                                <li>Premium Domain Names</li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer_top_end">
                        <div class="footer_top_end_con">
                            <h3 style="color: white;font-family: Arimo;">SUPPORT</h3>
                            <ul class="end_con_ul">
                                <li>Product Support</li>
                                <li>contact us</li>
                                <li>Knowladge Base</li>
                                <li>Request a Quote</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="container">
                <div class="bottom_con">
                    <p style="color: #404040;">Copyright © 2017.Company name All rights reserved.<a href="#" style="font-family: Arimo; text-decoration: none">自制模板</a></p>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>